<?php /*a:10:{s:60:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\index\index.html";i:1725184664;s:55:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\layout.html";i:1725700157;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\header.html";i:1725439250;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\swiper.html";i:1722868265;s:65:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\vertical2.html";i:1718098790;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\author.html";i:1717771938;s:65:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\main_list.html";i:1722869199;s:65:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\recommend.html";i:1718098828;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\friend.html";i:1725161728;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\footer.html";i:1718596170;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <title><?php if(!empty($seo_title)): ?><?php echo htmlentities((string) $seo_title); else: ?><?php echo htmlentities((string) $webconfig['seo_title']); ?><?php endif; ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="keywords" content="<?php if(!empty($seo_keywords)): ?><?php echo htmlentities((string) $seo_keywords); else: ?><?php echo htmlentities((string) $webconfig['seo_keywords']); ?><?php endif; ?>"/>
    <meta name="description" content="<?php if(!empty($seo_description)): ?><?php echo htmlentities((string) $seo_description); else: ?><?php echo htmlentities((string) $webconfig['seo_description']); ?><?php endif; ?>"/>
    <link rel="stylesheet" href="/zhcms/layui_v2_9_10/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/zhcms/home/hover.css"/>
    <link rel="stylesheet" href="/zhcms/home/style.css?v=<?php echo time();?>" media="all"/>
    <script src="/zhcms/jquery/jquery-3.6.0.min.js" charset="utf-8"></script>
    <script src="/zhcms/layui_v2_9_10/layui.js" charset="utf-8"></script>

    <script>
        // var _hmt = _hmt || [];
        // (function() {
        //   var hm = document.createElement("script");
        //   hm.src = "https://hm.baidu.com/hm.js?017f4abd6c47930eee2cf73aceb328c9";
        //   var s = document.getElementsByTagName("script")[0]; 
        //   s.parentNode.insertBefore(hm, s);
        // })();
    </script>
        
</head>
<body>
<style>
    .nav-main{
        background: #ffffff;
        box-shadow: 0 0 6px 1px rgba(0,0,0,0.1);
    }
    .nav-wrap{
        height:56px;
        background:#ffffff;
        z-index: 2;
        width:1200px;
        margin: 0 auto;
    }

    .nav-content >ul >li{
        border-right:1px solid #dedede;
        float:left;
        position: relative;
        line-height: 55px;
        z-index: 9;
    }

    .nav-content >ul >li>a{
        display:inline-block;
        padding:0px 30px;
        font-size: 16px;
    }

    .nav-content >ul >li> a:hover{
        color:#078cf2;
    }

    .nav-content >ul >li.current a{
        background:#078cf2;
        color:#ffffff;
    }

    .nav-content >ul >li.current a:hover{
        color:#ffffff;
    }
    
    
  .blog_name{
    line-height:60px;
    font-size: 28px;
    color:#ffffff;
    margin-left: 35px;
  }

  .blog_name a{
    color:#939393;
  }

  .user_wrap{
    height:40px;
    padding:20px 0 0 0;
    line-height: 40px;
  }

  .user_wrap a{
    font-size: 14px;
    color:#666666;

  }

</style>



<div class="nininav">
    <div class="w1200">
        <div class="layui-row">
            <div class="layui-col-lg11">
                <h1 class="blog_name">
                    <a href="" alt="小木CMS内容管理系统">小木CMS内容管理系统</a>
                </h1>
            </div>
            <div class="layui-col-lg1">
                <div class="user_wrap"><a href="<?php echo url('admin/login/index'); ?>">登录</a></div>
            </div>
        </div>
    </div>
</div>

<div class="nav-main">
    <div class="nav-wrap">
        <div class="nav-content" id="menu">
            <ul>
                <li class="<?php if($current == 0): ?>current<?php endif; ?>">
                    <a href="/index.php">首页</a>
                </li>

                <?php if(is_array($nav) || $nav instanceof \think\Collection || $nav instanceof \think\Paginator): $i = 0; $__LIST__ = $nav;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                    <li class="<?php if($vo['id'] == $current): ?>current<?php endif; ?>"><a href="<?php echo url('index/category',['id'=>$vo['id']]); ?>"><?php echo htmlentities((string) $vo['category_name']); ?></a></li>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </ul>
        </div>
    </div>
</div>

<script>
    $(function(){
        $(".menu>li").on("mouseenter",function(){
            $(this).find(".sub-menu").show();
        })

        $(".menu>li").on("mouseleave",function(){
            $(this).find(".sub-menu").hide();
        })
    })
</script>


<div class="w1200 mt20">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-lg6">
        <link href="/zhcms/swiper/swiper-bundle.min.css" rel="stylesheet">
<script src="/zhcms/swiper/swiper-bundle.min.js"></script>

<style>
    .swiper {
    width: 100%;
    height: 320px;
    }

    .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .swiper-slide a{
        display:block;
        width:600px;
        height:320px;
        position: relative;
    }

    .swiper-slide a img{
        display:block;
        width:600px;
        height:320px;
    }

    /* 改变指示点颜色 */

    .swiper-pagination-bullet-active {
         /* 选中时的小圆点颜色 */
         background: #ffffff;
    }
    .swiper-pagination-bullet {
        background: #D4D4D4; /* 未选中时的小圆点颜色 */
    }

    /* 自定义左箭头 */
    .swiper-button-prev {
        color:#D4D4D4
    }
    
    /* 自定义右箭头 */
    .swiper-button-next {
         /* 选中时的小圆点颜色 */
         color: #D4D4D4;
    }


</style>

<!-- Swiper -->
<div class="swiper mySwiper">
<div class="swiper-wrapper">
    <div class="swiper-slide">
        <a href="<?php echo url('/index/category',['id'=>6]); ?>">
            <img src="/zhcms/homeImage/pictures/xmcms.png"/>
        </a>
    </div>
    <div class="swiper-slide">
        <a href="javascript:void(0)">
            <img src="/zhcms/homeImage/pictures/202404301.png"/>
        </a>
    </div>

    <!-- <div class="swiper-slide">Slide 3</div>
    <div class="swiper-slide">Slide 4</div>
    <div class="swiper-slide">Slide 5</div>
    <div class="swiper-slide">Slide 6</div>
    <div class="swiper-slide">Slide 7</div>
    <div class="swiper-slide">Slide 8</div>
    <div class="swiper-slide">Slide 9</div> -->
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>

<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
    spaceBetween: 30,
    centeredSlides: true,
    autoplay: {
    delay: 5000,
    disableOnInteraction: false,
    },
    pagination: {
    el: ".swiper-pagination",
    clickable: true,
    },
    navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
    },
});
</script>
      </div>
  
      <div class="layui-col-lg3">
        <style>
    .vertical_el{
        height:150px;
        background: #ffffff;
        overflow: hidden;
    }

    .vertical_el a{
        display:block;
        width: 100%;
        height: 150px;
        position: relative;
    }

    .vertical_el a img{
        display:block;
        width: 100%;
        height: 150px;
    }

    .vertical_el a span{
        display: block;
        height:35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        font-size: 16px;
        position: absolute;
        left:0;
        bottom:0;
        right:0;
        color:#ffffff;
        padding:0 15px;
        }
</style>
<div class="vertical_el">
    <a href="javascript:void(0)">
        <img src="/zhcms/homeImage/v1/20240506.png" />
        <span>如何寻找我们的合作伙伴</span>
    </a>
</div>
<div class="vertical_el mt20">
    <a href="javascript:void(0)">
        <img src="/zhcms/homeImage/pictures/202404303.png" />
        <span>产品定位，获取用户</span>
    </a>
</div>
      </div>
  
      <div class="layui-col-lg3">
        <style>
    .author_tab{
        height: 290px;
        background:#ffffff;
        padding:15px;
        font-size:16px;
        background:#333333;
    }

    .avatar{
        height: 50px;
        width:50px;
        margin:0 auto;
        background:#f5f5f5;
        border-radius: 30px;
        overflow: hidden;
        border: 2px solid #ffffff;
    }

    .avatar img{
        width:50px;
        height:50px;
     }

    .author-name{
        height: 35px;
        line-height: 35px;
        color:#999999;
        margin-top: 10px;
        font-size: 20px;
        text-align: center;
    }

    .author-main{
        color:#ffffff;
        line-height: 28px;
        font-size: 18px;
        text-align: center;
        
    }

    .author-wx{
        width:95px;
        height: 95px;
        margin: 0 auto;
    }

    .author-wx img{
        display: block;
        height: 95px;
        width: 95px;
    }

    .author-text{
        height:95px;
        line-height: 95px;
        color:#ffffff;
        font-size: 16px;
        text-align: center;
    }


</style>

<div class="author_tab">
    <div class="avatar">
        <img src="/zhcms/homeImage/user.jpg">
    </div>
    <div class="author-name">程序员小张</div>

    <div class="author-main">
        <p>产品开发和代码分享</p>
        <p>想法 / 经验 / 经历 / 收获</p>
        <p>学习 / 看书 / 成长 / 创业</p>
    </div>

    <div class="layui-row mt15">
        <div class="layui-col-lg6">
            <div class="author-text">扫码加我微信</div>
        </div>
        <div class="layui-col-lg6">
            <div class="author-wx">
                <img src="/zhcms/homeImage/weixin.png">
            </div>
        </div>
    </div>

</div>
      </div>
    </div>
</div>



<div class="w1200">

    <div class="layui-row layui-col-space15">
  
      <div class="layui-col-lg9">

        <style>
    .main-list{
      background: #ffffff;
    }
  
    .main-list-hd{
      padding:0px 20px;
      font-size: 18px;
      color:#1162e8;
      height:60px;
      line-height: 60px;
      border-bottom: 1px solid #eaeaea;
    }
  
    .list-item{
      display: flex;
      padding:20px;
      align-items:stretch;
      border-bottom: 1px solid #eaeaea;
    }

    .list-item:hover{
      background:#fafafa;
    }
  
    .item-image{
      width:240px;
      height:150px;
      position: relative;
    }
  
    .item-image a{
      display: block;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      z-index: 1;
    }
  
    .item-image img{
      width:240px;
      height:150px;
      display: block;
      border-radius: 5px;
    }
  
    .item-content{
      padding-left:20px;
      flex-grow: 1;
    }
  
    .item-content .item-title{
      height: 30px;
      line-height: 30px;
      font-size: 20px;
      font-weight: normal;
    }
  
    .item-content .item-title a{
      display: block;
      color:#1162e8;
    }
  
    .item-content .item-desc{
      height: 72px;
      line-height: 24px;
      font-size: 16px;
      overflow: hidden;
      margin-top: 9px;
      color:#666666;
    }
  
    .item-content .item-meta{
      height: 30px;
      line-height: 30px;
      margin-top: 5px;
      line-height: 30px;
    }
  
    .item-content .item-meta .item-meta-el{
      display:inline-block;
      margin-right: 20px;
      font-size: 14px;
      color:#999999;
    }
  
    .item-category{
      position: absolute;
      top:15px;
      left:15px;
      font-size: 16px;
      padding:5px 10px;
      background: rgba(0,0,0,0.7);
      color:#ffffff;
      border-radius: 5px;
    }
  
    .item-category:hover{
      color:#ffffff;
    }



  </style>
  
  <div class="main-list">

    <div class="main-list-hd">
      最新文章
    </div>
  

    <div class="list-context">

        <?php if(is_array($chapter) || $chapter instanceof \think\Collection || $chapter instanceof \think\Paginator): $i = 0; $__LIST__ = $chapter;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>

        <div class="list-item hvr-underline-from-left">
            <div class="item-image">
                <a class="item-category" target="_blank" href="<?php echo url('/index/category',['id'=>$vo['cateid']]); ?>"><?php echo htmlentities((string) $vo['category_name']); ?></a>
                <a href="<?php echo url('/index/artical',['id'=>$vo['id']]); ?>" target="_blank">
                    <img src="<?php echo htmlentities((string) $vo['cover']); ?>" class="hvr-grow-shadow">
                </a>
            </div>

            <div class="item-content">
                <h3 class="item-title">
                    <a href="<?php echo url('/index/artical',['id'=>$vo['id']]); ?>" target="_blank"><?php echo htmlentities((string) $vo['title']); ?></a>
                </h3>
                <div class="item-desc">
                    <?php echo htmlentities((string) $vo['content']); ?>
                </div>
    
                <div class="layui-row item-meta">
                    <div class="layui-col-lg7">
                        <a href="javascript:void(0)" class="item-meta-el"><?php echo htmlentities((string) $vo['nickname']); ?></a>
                        <span class="item-meta-el"><?php echo htmlentities((string) $vo['create_time']); ?></span>
                    </div>
                </div>

            </div>
        </div>
        <?php endforeach; endif; else: echo "" ;endif; ?>

    </div>
  
  </div>

        <!------------- 分页开始 ------------->
        <div style="text-align: center;">
          <div id="laypage"></div>
        </div>

        <script>
          
          layui.use(function(){
            var laypage = layui.laypage;
            // 普通用法
            laypage.render({
              elem: 'laypage',
              count: "<?php echo htmlentities((string) $total); ?>",// 数据总数
              curr:"<?php echo htmlentities((string) $page); ?>"
            });
        
            $("#laypage a").on("click",function(){
              var page = $(this).attr("data-page");
              window.location.href="<?php echo url('/index/index'); ?>?page="+page
            })
        
        
          });
        </script>

        <!------------- 分页结束 ------------->



      </div>
  
      <div class="layui-col-lg3">
        <!--推荐阅读-->

        <style>
    .entry-main-title{
      height:30px;
      line-height: 30px;
      border-left:3px solid #1162e8;
      padding-left: 15px;
      font-size: 18px;
    }
    
    .chapter-list{
      font-size:14px;
      line-height: 24px;
      margin-top: 15px;
    }
    
    .chapter-list p{
      padding-bottom: 10px;
      display: flex;
    }
    
    
    .chapter-list p span{
      display: inline-block;
      margin-right: 10px;
      color:#1162e8;
      font-size: 20px;
    }
    
    .chapter-list p a{
      display: inline-block;
    }
    
    .read-box{
      background: #ffffff;
      padding:15px;
    }
    
    </style>
    
    <div class="read-box">
        <div class="entry-main-title">
            推荐阅读
        </div>
    
        <div class="chapter-list">
            <p><span>•</span><a href="javascript:void(0)">如何寻找我们的合作伙伴</a></p>
            <p><span>•</span><a href="javascript:void(0)">独立开发者怎样选定自己要开发的产品</a></p>
            <p><span>•</span><a href="javascript:void(0)">怎样找到好的产品创意</a></p>
        </div>
    
    </div>
        <!--随机文章-->
        <div class="mt20">
            
        </div>
      </div>
    </div>
  
  </div>

  <style>
    .friend-main{
        background: #ffffff;
        margin-top: 10px;
        margin-bottom: 15px;
      }
    
    .friend-main-hd{
        padding:0 20px;
        font-size: 18px;
        color:#1162e8;
        height:60px;
        line-height: 60px;
        border-bottom: 1px solid #eaeaea;
        color:#333333;
      }
    
      .friend-main-list{
        padding:15px;
        line-height: 32px;
      }
    
      .friend-main-list a{
        font-size: 14px;
        color:#666666;
      }
    
      .friend-main-list a:hover{
        color:#206be7
      }
    
    </style>
    
    <div class="w1200 friend-main">
    
      <div class="friend-main-hd">
        友情链接
      </div>
    
      <div class="layui-row friend-main-list">
    
        <div class="layui-col-lg2"><a href="https://www.aimuyu.top/" target="_blank" rel="noopener noreferrer nofollow">小木CMS内容管理系统</a></div>
        <div class="layui-col-lg2"><a href="https://www.aimuyu.top/" target="_blank" rel="noopener noreferrer nofollow">小木CMS内容管理系统</a></div>
      
      </div>
    
    
    </div>


  <style>
    .contact{
        color:#999999;
        text-align: center;
    }
</style>

<div class="footer">
    <div class="layui-container">

        <div class="w1200 contact">
            业务QQ：<?php echo htmlentities((string) $webconfig['qq']); ?> &nbsp;&nbsp;&nbsp;&nbsp; 开发者邮箱：<?php echo htmlentities((string) $webconfig['email']); ?>
        </div>
        <div class="h-line"></div>
        <div class="company">
            Copyright © <?php echo htmlentities((string) $webconfig['copyright']); ?>&nbsp;&nbsp;All Rights Resrved. <a href="/sitemap.txt" target="_blank" style="color:#999999">网站地图</a>
            <div class="mt15"><a href="<?php echo htmlentities((string) $webconfig['icp_url']); ?>" class="icp" target="_blank"><?php echo htmlentities((string) $webconfig['icp']); ?></a></div>
        </div>
    </div>
</div>

<script>

layui.use(function(){
    var util = layui.util;
    // 自定义固定条
    util.fixbar({
        bars: [],
        on: { // 任意事件 --  v2.8.0 新增
        mouseenter: function(type){
            layer.tips(type, this, {
            tips: 4, 
            fixed: true
            });
        },
        mouseleave: function(type){
            layer.closeAll('tips');
        }
        },
        // 点击事件
        click: function(type){
        console.log(this, type);
        // layer.msg(type);
        }
    });
});
</script>

</body>
</html>